<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <!-- 字体图标 -->
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.min.css">
    <!-- 基类样式 -->
    <link rel="stylesheet" href="../static/css/base.css">

    <!-- <script src="../static/js/jquery.js"></script> -->
    <!-- 三方工具类 -->
    <script src="../static/js/lodash.js"></script>


    <script src="../static/plugins/iview/vue.min.js"></script>

    <link href="https://cdn.bootcss.com/hover.css/2.1.1/css/hover-min.css" rel="stylesheet">

    <link rel="stylesheet" href="../static/css/innerPage.css">

    <link rel="stylesheet" href="../static/plugins/iview/styles/iview.css">


    <!-- 引入样式 -->
    <!-- <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> -->
    <script src="../static/plugins/iview/locale/zh-CN.js"></script>

    <script src="../static/plugins/iview/iview.min.js"></script>
    <style>
        .well {
            border: thin #EDEDED solid;
            background-color: white;
        }
        
        .well .well-header {
            line-height: 50px;
            height: 50px;
            padding: 0px 20px;
            border-bottom: thin #EDEDED solid;
        }
        
        .well-header .title_icon {
            color: #5CADFF;
        }
        
        .well .well-header .right-btn {
            float: right;
            color: #666;
        }
        
        .well .well-header .right-btn .fa {
            color: #999;
        }
        
        .well .well-header .right-btn>span {
            cursor: pointer;
        }
        
        .well .well-header .title {
            color: #333;
        }
        
        .well .well-header .tips {
            color: #666;
            font-size: 13px;
        }
        
        .well .well-body {}
    </style>



</head>

<body class="bg_E9EAEC">



    <div class="sc-container mb_20" id="app">


        <div class="well mt_20">

            <div class="well-header ">
                <i class="fa fa-th-large title_icon ">&nbsp;</i>
                <span class="title">当事人信息</span>
                <div class="right-btn"><span>收起</span></div>
            </div>
            <div class="well-body my-chart" style="padding:10px;">

                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        立案日期：
                    </i-col>
                    <i-col span="8">
                        2015-08-28
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        立案号：
                    </i-col>
                    <i-col span="8">
                        132.0
                    </i-col>

                </Row>

                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        当事人名称：
                    </i-col>
                    <i-col span="8">
                        上海伦明建设集团有限公司
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        法人代表：
                    </i-col>
                    <i-col span="8">
                        王继明
                    </i-col>

                </Row>

                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        统一社会信用代码：
                    </i-col>
                    <i-col span="8">
                        --
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        地址：
                    </i-col>
                    <i-col span="8">
                        上海长宁区中山西路933号2401室
                    </i-col>

                </Row>

                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        办公室电话：
                    </i-col>
                    <i-col span="8">
                        无
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        手机：
                    </i-col>
                    <i-col span="8">
                        18623747778
                    </i-col>

                </Row>


            </div>


        </div>

        <div class="well mt_20">

            <div class="well-header ">
                <i class="fa fa-th-large title_icon ">&nbsp;</i>
                <span class="title">填报人信息</span>
                <div class="right-btn"><span>收起</span></div>
            </div>
            <div class="well-body my-chart" style="padding:10px;">





                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        年度：
                    </i-col>
                    <i-col span="8">
                        2017
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        调查机构：
                    </i-col>
                    <i-col span="8">
                        区环境监察大队
                    </i-col>

                </Row>

                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        处罚主体：
                    </i-col>
                    <i-col span="8">
                        江苏省南京市雨花台区环保局
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        处罚主体所属级别：
                    </i-col>
                    <i-col span="8">
                        --
                    </i-col>

                </Row>

                <Row>

                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        联系人：
                    </i-col>
                    <i-col span="8">
                        杨世伟
                    </i-col>
                    <i-col span="4" style="text-align:right; padding-right:10px;">
                        任务类型：
                    </i-col>
                    <i-col span="8">
                        其它
                    </i-col>

                </Row>


            </div>


        </div>

        <div class="well mt_20">

            <div class="well-header ">
                <i class="fa fa-th-large title_icon ">&nbsp;</i>
                <span class="title">案件办理信息</span>
                <div class="right-btn"><span>展开</span></div>

            </div>



        </div>



    </div>





    </div>



    <script>
        new Vue({
            el: '#app',
            data: {
                one: '现场检查意见: 1. 确保设施正常运行,废气达标排放. 2.根据现场监测结果,依法处理',
                two: '1.该企业建有4套燃气机组: 一期1,2套机组于2003年6月11日通过环保局批复....',
                three: ''
            },
            methods: {

            }
        });
    </script>

</body>

</html>